<?php
    $page = 'index';
    include('templates/header.php');
?>
    <div class="slider"></div>
    <div class="workSections">
        <div class="mainArticle">
            <article class="articleImg">
                <img src="img/article_img01.png" alt="" />
                <img src="img/article_img02.png" alt="" />
                <img src="img/article_img03.png" alt="" />
            </article>
            <article class="articleText">
                <h1>Krili havtret hyo gustripast</h1>
                <h2>Krili havtret hyo gustripast</h2>
                <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra. Nunc commodo aliquam lectus quis bibendum. Proin ut erat quis nulla tempor imperdiet ac et lorem. </p>
            </article>
        </div>
    </div>
    <div class="devider">
        <div class="first"></div>
        <div class="seccond"></div>
        <div class="third"></div>
    </div>
    <div class="mainStepsSlider">
        <div class="mainSteps">
            <div class="steps">
                <img src="img/research_img.png" alt="" />
                <h1>RESEARCH</h1>
                <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra. Nunc commodo aliquam lectus quis bibendum.</p>
                <a href="#" class="btn-default stepsButton">learn more</a>
            </div>
            <div class="steps">
                <img src="img/work_img.png" alt="" />
                <h1>WORK</h1>
                <p>Justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra. Nunc commodo aliquam lectus quis bibendum. Nam tincidunt.</p>
                <a href="#" class="btn-default stepsButton">learn more</a>
            </div>
            <div class="steps">
                <img src="img/deliver_img.png" alt="" />
                <h1>DELIVER</h1>
                <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra. Nunc commodo aliquam lectus quis bibendum. </p>
                <a href="#" class="btn-default stepsButton">learn more</a>
            </div>
        </div>
        <div class="slider">
            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"></a>
            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"></a>
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active">Lastet press</li>
                <li data-target="#carousel-example-generic" data-slide-to="1">Testimonails</li>
                <li data-target="#carousel-example-generic" data-slide-to="2">Blog post</li>
              </ol>
          <div class="carousel-inner">
            <div class="item">
                <div class="sliderElements leftElemets">
                    <h1>Jayne W. Smith</h1>
                    <h2>COO - GalaxySmith, Inc.</h2>
                    <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra.et lorem.</p>
                </div>
                <div class="sliderElements rightElements">
                    <h1>John M. Doe</h1>
                    <h2>Director of Marketing - Global Corp</h2>
                    <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra.et lorem.</p>
                </div>
            </div>
            <div class="item active">
                <div class="sliderElements leftElemets">
                    <h1>Jayne W. Smith</h1>
                    <h2>COO - GalaxySmith, Inc.</h2>
                    <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra.et lorem.</p>
                </div>
                <div class="sliderElements rightElements">
                    <h1>John M. Doe</h1>
                    <h2>Director of Marketing - Global Corp</h2>
                    <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra.et lorem.</p>
                </div>
            </div>
            <div class="item">
                <div class="sliderElements leftElemets">
                    <h1>Jayne W. Smith</h1>
                    <h2>COO - GalaxySmith, Inc.</h2>
                    <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra.et lorem.</p>
                </div>
                <div class="sliderElements rightElements">
                    <h1>John M. Doe</h1>
                    <h2>Director of Marketing - Global Corp</h2>
                    <p>Donec pellentesque, justo eget imperdiet viverra, lectus mi ornare arcu, non laoreet lacus lacus eleifend orci. Nam tincidunt vestibulum lacus nec pharetra.et lorem.</p>
                </div>
            </div>
          </div>
        </div>
  </div>
    </div>
<?php include('templates/footer.php') ?>
